<template>
  <div class="box">
        <div class="top">
            <span class="span1">全部订单</span>
            <span class="span2">积分订单</span>
            <span class="span3">拼团订单</span>
            <div class="top-2"></div>
        </div>
        <div class="content">
            <img src="/static/imgs_s02/s02_no-order.png" alt="">
            <p>暂无订单</p>
        </div>

    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        * {
            padding: 0;
            margin: 0;
        }

        .box {
            width: 100%;
        }

        .top {
            width: 375px;
            height: 28px;
            background: rgba(255, 255, 255, 1);
            border-radius: 3px;
            padding-top: 7px;
        }

        .top-2 {
            width: 18px;
            height: 2px;
            background: rgba(50, 177, 108, 1);
            margin-left:62px;
            margin-top:8px;
        }

        .span1 {
            font-size: 14px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: rgba(48, 48, 48, 1);
            margin-left: 44px;
        }

        .span2 {
            margin-left: 63px;

        }

        .span2,
        .span3 {
            font-size: 13px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(103, 103, 103, 1);
        }

        .span3 {
            margin-left: 72px;
        }
        .content{
            margin-bottom: 124px;
        }
        .content img {
            width: 136px;
            height: 127px;
            margin-left: 120px;
            margin-top: 123px;
        }

        .content p {
            font-size: 13px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(153, 153, 153, 1);
            margin-left: 162px;
            margin-top: 6px;
        }
</style>
